<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>not-selector-test</title>
</head>
<style>
  /* 如果加了空格则会跳过和p标签同一级的文本 */
  /* 如果不加空格，则连同container本身也被匹配 */
  .container :not(p){
    border: blue solid 2px;
    color: red;
  }
  p{
    color:black;
  }
</style>
<body>
  <div>
    第一层div
  </div>
  <div class="container">
    和p标签同一级的文本
    <span>【作为一个比对】</span>
    <p>这里是p标签</p>
  </div>
</body>
</html>